<!doctype html>
<html lang="zh-Hans">

<head>
    <meta charset="utf-8">
    <meta name="author" content="Fresns" />
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no,viewport-fit=cover">
    <meta name="keywords" content="">
    <meta name="description" content="">
    <meta name="generator" content="Bootstrap 5">
    <title>Fresns 控制台</title>
    <link rel="stylesheet" href="../assets/css/bootstrap.min.css">
    <link rel="stylesheet" href="../assets/css/bootstrap-icons.css">
    <link rel="stylesheet" href="../assets/css/backend.css">
</head>

<body>
    <header>
        <nav class="navbar navbar-expand-lg navbar-dark" style="background-color:#7952b3;">
            <div class="container-lg">
                <a class="navbar-brand" href="dashboard.html"><img src="../assets/images/fresns-logo-white.png" height="40"></a>
                <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarContent" aria-controls="navbarContent" aria-expanded="false" aria-label="Toggle navigation">
                    <span class="navbar-toggler-icon"></span>
                </button>
                <div class="collapse navbar-collapse" id="navbarContent">
                    <div class="dropdown">
                        <button class="btn btn-outline-light btn-sm dropdown-toggle" type="button" id="language" data-bs-toggle="dropdown" aria-expanded="false"><i class="bi bi-translate"></i> 简体中文 - Chinese (Simplified)</button>
                        <ul class="dropdown-menu">
                            <li><a class="dropdown-item" href="#">English - English</a></li>
                            <li><a class="dropdown-item" href="#">Español - Spanish</a></li>
                            <li><a class="dropdown-item" href="#">Français - French</a></li>
                            <li><a class="dropdown-item" href="#">日本語 - Japanese</a></li>
                            <li><a class="dropdown-item" href="#">한국어 - Korean</a></li>
                            <li><a class="dropdown-item" href="#">Русский - Russian</a></li>
                            <li><a class="dropdown-item" href="#">Português - Portuguese</a></li>
                            <li><a class="dropdown-item" href="#">Bahasa Indonesia - Indonesian</a></li>
                            <li><a class="dropdown-item" href="#">简体中文 - Chinese (Simplified)</a></li>
                            <li><a class="dropdown-item" href="#">繁體中文 - Chinese (Traditional)</a></li>
                        </ul>
                        <a class="btn btn-warning btn-sm ms-1" href="index.html" role="button" data-bs-toggle="tooltip" data-bs-placement="right" title="退出登录"><i class="bi bi-power"></i></a>
                    </div>
                    <ul class="navbar-nav d-flex flex-row ms-auto">
                        <li class="px-2">
                            <a href="dashboard.html" class="nav-link d-flex flex-column align-items-center active">
                                <i class="bi bi-speedometer2 fresns-nav-icon"></i>
                                <span class="fresns-nav-name">仪表盘</span>
                            </a>
                        </li>
                        <li class="px-2">
                            <a href="settings.html" class="nav-link d-flex flex-column align-items-center">
                                <i class="bi bi-gear fresns-nav-icon"></i>
                                <span class="fresns-nav-name">设置</span>
                            </a>
                        </li>
                        <li class="px-2">
                            <a href="keys.html" class="nav-link d-flex flex-column align-items-center">
                                <i class="bi bi-key fresns-nav-icon"></i>
                                <span class="fresns-nav-name">密钥</span>
                            </a>
                        </li>
                        <li class="px-2">
                            <a href="admins.html" class="nav-link d-flex flex-column align-items-center">
                                <i class="bi bi-sliders fresns-nav-icon"></i>
                                <span class="fresns-nav-name">管理</span>
                            </a>
                        </li>
                        <li class="px-2">
                            <a href="websites.html" class="nav-link d-flex flex-column align-items-center">
                                <i class="bi bi-laptop fresns-nav-icon"></i>
                                <span class="fresns-nav-name">网站</span>
                            </a>
                        </li>
                        <li class="px-2">
                            <a href="apps.html" class="nav-link d-flex flex-column align-items-center">
                                <i class="bi bi-phone fresns-nav-icon"></i>
                                <span class="fresns-nav-name">应用</span>
                            </a>
                        </li>
                        <li class="px-2">
                            <a href="plugins.html" class="nav-link d-flex flex-column align-items-center">
                                <i class="bi bi-journal-code fresns-nav-icon"></i>
                                <span class="fresns-nav-name">插件</span>
                            </a>
                        </li>
                        <li class="px-2">
                            <a href="https://fresns.store" target="_blank" class="nav-link d-flex flex-column align-items-center">
                                <i class="bi bi-shop-window fresns-nav-icon"></i>
                                <span class="fresns-nav-name">商店</span>
                            </a>
                        </li>
                    </ul>
                </div>
            </div>
        </nav>
    </header>

    <main>
        <div class="container-lg">
            <!--欢迎内容-->
            <div class="card mt-4 mb-4 p-2 p-lg-4">
                <div class="card-body">
                    <h1 class="fs-3 fw-normal">欢迎使用 Fresns</h1>
                    <p class="text-secondary pb-4">当前使用的版本是 v1.0.0</p>
                    <div class="row">
                        <div class="col-md mb-4 pe-lg-5">
                            <h3 class="h6">站点数据</h3>
                            <ul class="list-group list-group-flush">
                                <li class="list-group-item"><i class="bi bi-person-fill"></i> 账号总数 <span class="badge bg-success">100</span></li>
                                <li class="list-group-item"><i class="bi bi-person"></i> 用户总数 <span class="badge bg-success">100</span></li>
                                <li class="list-group-item"><i class="bi bi-collection"></i> 小组总数 <span class="badge bg-success">100</span></li>
                                <li class="list-group-item"><i class="bi bi-hash"></i> 话题总数 <span class="badge bg-success">100</span></li>
                                <li class="list-group-item"><i class="bi bi-file-post-fill"></i> 帖子总数 <span class="badge bg-success">100</span></li>
                                <li class="list-group-item"><i class="bi bi-chat-right-dots"></i> 评论总数 <span class="badge bg-success">100</span></li>
                            </ul>
                        </div>
                        <div class="col-md mb-4 pe-lg-5">
                            <h3 class="h6">应用数量</h3>
                            <ul class="list-group list-group-flush">
                                <li class="list-group-item"><i class="bi bi-key"></i> 接口密钥 <span class="badge bg-info">2</span></li>
                                <li class="list-group-item"><i class="bi bi-sliders"></i> 控制面板 <span class="badge bg-info">4</span></li>
                                <li class="list-group-item"><i class="bi bi-laptop"></i> 网站引擎 <span class="badge bg-info">3</span></li>
                                <li class="list-group-item"><i class="bi bi-brush"></i> 主题模板 <span class="badge bg-info">6</span></li>
                                <li class="list-group-item"><i class="bi bi-phone"></i> 移动应用 <span class="badge bg-info">2</span></li>
                                <li class="list-group-item"><i class="bi bi-journal-code"></i> 扩展插件 <span class="badge bg-info">24</span></li>
                            </ul>
                        </div>
                        <div class="col-md mb-4 pe-lg-5">
                            <h3 class="h6">帮助手册</h3>
                            <ul class="list-group list-group-flush">
                                <li class="list-group-item"><a class="fresns-link" href="https://fresns.cn" target="_blank">Fresns 官网</a></li>
                                <li class="list-group-item"><a class="fresns-link" href="https://fresns.store" target="_blank">应用商店</a></li>
                                <li class="list-group-item"><a class="fresns-link" href="https://docs.fresns.cn/guide/using.html">使用手册</a></li>
                                <li class="list-group-item"><a class="fresns-link" href="https://docs.fresns.cn">开发者文档</a></li>
                                <li class="list-group-item"><a class="fresns-link" href="https://fresns.cn">支持社区</a></li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
            <!--两栏信息-->
            <div class="row">
                <!--动态-->
                <div class="col-md mb-4">
                    <div class="card">
                        <div class="card-header">动态</div>
                        <div class="card-body">
                            <ul class="list-group list-group-flush">
                                <li class="list-group-item"><span class="badge bg-warning text-dark">2021-05-01</span> <a class="fresns-link" href="#">官方通知官方通知官方通知官方通知</a></li>
                                <li class="list-group-item"><span class="badge bg-warning text-dark">2021-05-01</span> <a class="fresns-link" href="#">官方通知官方通知官方通知官方通知官方通知官方通知官方通知</a></li>
                                <li class="list-group-item"><span class="badge bg-warning text-dark">2021-05-01</span> <a class="fresns-link" href="#">官方通知官方通知官方通知官方通知官方通知</a></li>
                                <li class="list-group-item"><span class="badge bg-warning text-dark">2021-05-01</span> <a class="fresns-link" href="#">官方通知官方通知官方通知官方通知官方通知官方通知官方通知官方通知官方通知官方通知官方通知官方通知官方通知官方通知</a></li>
                                <li class="list-group-item"><span class="badge bg-warning text-dark">2021-05-01</span> <a class="fresns-link" href="#">官方通知官方通知官方通知官方通知官方通知官方通知官方通知</a></li>
                                <li class="list-group-item"><span class="badge bg-warning text-dark">2021-05-01</span> <a class="fresns-link" href="#">官方通知官方通知官方通知官方通知官方通知官方通知官方通知</a></li>
                            </ul>
                        </div>
                    </div>
                </div>
                <!--安装和更新-->
                <div class="col-md">
                    <!--安装-->
                    <div class="card mb-4">
                        <div class="card-header">应用安装</div>
                        <div class="card-body">
                            <p class="card-text">如果已将应用程序文件放到指定目录，则选择本地安装。如果是在 Fresns 应用商店购买并获得安装码，则使用远程安装。</p>
                            <button type="button" class="btn btn-success btn-sm" data-bs-toggle="modal" data-bs-target="#localInstall">本地安装</button>
                            <button type="button" class="btn btn-success btn-sm ms-2" data-bs-toggle="modal" data-bs-target="#codeInstall">远程安装</button>
                        </div>
                    </div>
                    <!--更新-->
                    <div class="card">
                        <div class="card-header">更新管理</div>
                        <div class="card-body">
                            <ul class="list-group list-group-flush">
                                <li class="list-group-item d-flex justify-content-between align-items-center">
                                    <div><i class="bi bi-sliders"></i> 小程序助手 <span class="badge bg-secondary">1.0.9</span> to <span class="badge bg-danger">1.1.0</span></div>
                                    <div><button type="button" class="btn btn-primary btn-sm" data-bs-toggle="modal" data-bs-target="#upgrade">更新</button></div>
                                </li>
                                <li class="list-group-item d-flex justify-content-between align-items-center">
                                    <div><i class="bi bi-laptop"></i> Discuz X <span class="badge bg-secondary">1.0.0</span> to <span class="badge bg-danger">1.5</span></div>
                                    <div><button type="button" class="btn btn-primary btn-sm" data-bs-toggle="modal" data-bs-target="#upgrade">更新</button></div>
                                </li>
                                <li class="list-group-item d-flex justify-content-between align-items-center">
                                    <div><i class="bi bi-laptop"></i> BBS 主题 <span class="badge bg-secondary">Beta</span> to <span class="badge bg-danger">1.0.0</span></div>
                                    <div><button type="button" class="btn btn-primary btn-sm" data-bs-toggle="modal" data-bs-target="#upgrade">更新</button></div>
                                </li>
                                <li class="list-group-item d-flex justify-content-between align-items-center">
                                    <div><i class="bi bi-phone"></i> Fresns for iOS <span class="badge bg-secondary">1.0.9</span> to <span class="badge bg-danger">1.1.0</span></div>
                                    <div><button type="button" class="btn btn-primary btn-sm" data-bs-toggle="modal" data-bs-target="#upgrade">更新</button></div>
                                </li>
                                <li class="list-group-item d-flex justify-content-between align-items-center">
                                    <div><i class="bi bi-journal-code"></i> 每日榜单 <span class="badge bg-secondary">1.0.9</span> to <span class="badge bg-danger">1.1.0</span></div>
                                    <div><button type="button" class="btn btn-primary btn-sm" data-bs-toggle="modal" data-bs-target="#upgrade">更新</button></div>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </main>

    <footer>
        <div class="copyright text-center">
            <p class="mt-5 mb-5 text-muted">&copy; 2021 Fresns</p>
        </div>
    </footer>
    
    <!-- 本地安装 Modal -->
    <div class="modal fade" id="localInstall" tabindex="-1" aria-labelledby="localInstall" aria-hidden="true">
        <div class="modal-dialog modal-dialog-centered">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title">本地安装</h5>
                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                </div>
                <div class="modal-body">
                    <form class="mb-3">
                        <div class="input-group">
                            <span class="input-group-text">文件夹名</span>
                            <input type="text" class="form-control" placeholder="Folder Name">
                            <button class="btn btn-outline-secondary" type="submit" id="folderInstall-button">确认并安装</button>
                        </div>
                        <div class="form-text"><i class="bi bi-info-circle"></i> 已将应用程序文件放到指定目录，输入文件夹名安装</div>
                    </form>
                </div>
            </div>
        </div>
    </div>

    <!-- 远程安装 Modal -->
    <div class="modal fade" id="codeInstall" tabindex="-1" aria-labelledby="codeInstall" aria-hidden="true">
        <div class="modal-dialog modal-dialog-centered">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title">远程安装</h5>
                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                </div>
                <div class="modal-body">
                    <form class="mb-3">
                        <div class="input-group">
                            <span class="input-group-text">安装码</span>
                            <input type="text" class="form-control" placeholder="Install Code">
                            <button class="btn btn-outline-secondary" type="submit" id="codeInstall-button">提交并安装</button>
                        </div>
                        <div class="form-text"><i class="bi bi-info-circle"></i> 在 Fresns 应用商店购买的应用，输入安装码安装</div>
                    </form>
                </div>
            </div>
        </div>
    </div>

    <!-- 插件升级 Modal -->
    <div class="modal fade" id="upgrade" tabindex="-1" aria-labelledby="upgrade" aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title"><i class="bi bi-laptop"></i> Discuz X <span class="badge bg-secondary">1.0.0</span> to <span class="badge bg-danger">1.5</span></h5>
                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                </div>
                <div class="modal-body ps-5">
                    <p><i class="bi bi-check-lg text-success me-2"></i>初始化验证</p>
                    <p><i class="bi bi-check-lg text-success me-2"></i>下载应用包</p>
                    <p><i class="bi bi-check-lg text-success me-2"></i>解压应用包</p>
                    <p><i class="spinner-border spinner-border-sm me-2" role="status"></i>安装应用</p>
                    <p><i class="bi bi-hourglass text-secondary me-2"></i>清空缓存</p>
                    <p><i class="bi bi-hourglass text-secondary me-2"></i>完成</p>
                </div>
            </div>
        </div>
    </div>

    <script src="../assets/javascript/bootstrap.bundle.min.js"></script>
    <script src="../assets/javascript/backend.js"></script>
</body>

</html>